<?php

$titulo_encabezado_pub = ':: REGISTRO DE USUARIOS ::';
    $this->set('titulo_encabezado_pub',$titulo_encabezado_pub);
    
    echo $this->Session->flash ();
?>

<br />
<h2>::: Reg&iacute;strate Gratis ::: </h2>
<div class="span-16" id="span-16-publico">
    <p>
        Podr&aacute;s publicar o consultar la informaci&oacute;n de tus necesidades 
        de transporte o carga y  todos los privilegios que nuestro 
        sistema y MasFletes te ofrecen.
    </p>
    <br />
    <?php echo $this->Form->create(null, array('url' => array('controller' => 'User', 'action' => 'add'))); ?>
    <div class="span-15" id="span15-registrarse">
        <div class="span-6" id="span6-izq">
            <?php
                echo $this->Form->create('Post');
                echo $this->Form->input('Correo Electr&oacute;nico', array('name' => 'username', 'type' => 'email', 'placeholder' => '@'));?>
            <span id="correoSp" class="" style="display:none; font-weight:bold; ">Comprobando...</span>
                  <?php
                echo $this->Form->input('Contrase&ntilde;a', array('id' => 'password','name' => 'password', 'type' => 'password'));
                echo $this->Form->input('Confirmar Contrase&ntilde;a', array('id' => 'passwordConfirm','name' => 'passwordConfirm', 'type' => 'password', 'required' => 'required'));
                echo $this->Form->input('Perfil   ', array('id' => 'perfil', 'name' => 'type', 'options' => $tipoUsuario, 'empty' => '(Selecciona Perfil)'));
                echo $this->Form->input('Nombre', array('name' => 'first_name'));
                echo $this->Form->input('Apellidos', array('name' => 'last_name'));
                echo $this->Form->input('Raz&oacute;n Social', array('name' => 'razon_social'));
                echo $this->Form->input('RFC', array('name' => 'rfc'));
     ?>
        </div>
        <div class="span-6 last" id="span6-izq">
            <?php
                echo $this->Form->input('Tel&eacute;fono', array('name' => 'phone', 'type' => 'number'));
                echo $this->Form->input('Nextel', array('name' => 'phoneNextel', 'type' => 'number'));
                echo $this->Form->input('Direcci&oacute;n', array('name' => 'address', 'placeholder' => 'Calle, Número, Colonia'));
                echo $this->Form->input('C&oacute;digo Postal', array('name' => 'zip_code'));
                echo $this->Form->input('Estado', array('id' => 'sEstadosO', 'name' => 'state', 'options' => $estados, 'empty' => '(Selecciona Estado)'));
                echo $this->Form->input('Municipio', array('id' => 'sMunicipiosO', 'name' => 'city', 'disabled', 'options' => array()));
              
               echo $this->Form->submit('Guardar', array ('class' => 'boton'));  
            //    
         ?>
        </div>
    </div>
</div>
<?php if( isset($rerror) ):
        if($rerror == true): ?>
<div class="registroFallido">
    Lo sentimos, ocurrio un error durante el registro. Favor de intentarlo de nuevo.
</div>
        <?php else :?>
<div class="registroCorrecto">
    El registro se realizo satisfactoriamente.
</div>
        <?php endif;
        endif;?>

<script type="text/javascript">

    $('#username').focus(function() {
        $('#correoSp').hide();
    });
    $(document).ready(function() {
        var path = "<?php echo $this->Html->url(array('action' => 'dameMunicipios')); ?>";
        $("#sEstadosO").on("change", function() {
            $.post(path, {id: $("#sEstadosO").val()}, function($municipios) {
                $("#sMunicipiosO").html("");
                $("#sMunicipiosO").append("<option value=\"\" selected>(Elije Ciudad)</option>");
                $.each($municipios, function(index, value) {
                    $("#sMunicipiosO").append("<option value=\"" + index + "\">" + value + "</option>");
                });
                $("#sMunicipiosO").removeAttr("disabled");
            }, "json");
        });
        $("#UserAddForm").validate({
           

            rules: {
                username:
                        {
                            required: true,
                            remote: {
                                url: "<?php echo $this->Html->url(array('action' => 'validUser')); ?>",
                                type: "post",
                                data: {
                                    user: $('#username').val()
                                }
                            }},
                type: "required",
                first_name: "required",
                last_name: "required",
                razon_social: "required",
                rfc: "required",
                phone: {
                    number: true,
                    required: true
                },
                phoneNextel: {
                    number: true
                },
                address: "required",
                state: "required",
                zip_code: "required",
                city: "required",
                password: {
                    required: true,
                    minlength: 5
                },
                passwordConfirm: {
                    required: true,
                    minlength: 5,
                    equalTo: "#password"
                }

            },
            messages: {
                username: {
                    required: "Favor de introducir un correo electronico",
                    remote: "Tu correo no esta disponible",
                    email: "Tu correo debe de tener un formato valido. Ej: ejemplo@ejemplo.com"
                },
                phone: {
                    number: "El telefono solo puede contener numeros",
                    required: "Necesitamos un telefono para poder contactarte"
                },
                phoneNextel: {
                    number: "El telefono solo puede contener numeros"
                },
                password: {
                    required: "Campo requerido",
                    minlength: "El password no puede ser menor a 5 caracteres"
                },
                passwordConfirm: {
                    required: "Campo requerido",
                    minlength: "El usuario no puede ser menor a 5 caracteres",
                    equalTo: "Los passwords deben ser iguales"
                },
                type: "Favor de seleccionar un tipo de usuario",
                first_name: "Favor de indicar el nombre",
                last_name: "Favor de indicar los apellidos",
                razon_social: "Favor de indicar la razón social",
                rfc: "Favor de indicar el rfc",
                address: "Favor de indicar la dirección",
                state: "Favor de indicar el estado",
                zip_code: "Favor de indicar el codigo postal",
                city: "Favor de indicar el municipio",
            },
            errorClass: "mensajeError"
        });
    });
</script>

